<template>
  <!-- 关联的服务 -->
  <div>
    <ProTable
      ref="proTable"
      :columns="columns"
      :data="list"
      row-key="problemNo"
      :tool-button="false"
      :pagination="false"
      :height="list.length == 0 ? 200 : list.length < 10 ? '' : 400"
    >
    </ProTable>
  </div>
</template>

<script setup lang="ts" name="AssociationServicesBox">
import { reactive } from "vue";
import { ColumnProps } from "@/components/ProTable/interface";
import { User } from "@/api/interface";
import ProTable from "@/components/ProTable/index.vue";

const props = defineProps({
  list: {
    type: Array,
    default: function () {
      return [];
    }
  }
});

const columns = reactive<ColumnProps<User.ResUserList>[]>([
  { type: "index", label: "序号", width: 150 },
  { prop: "eventName", label: "服务名称", align: "left" }
]);
</script>

<style scoped>
:deep(.card) {
  padding: 0;
  border: none;
}
</style>
